<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安全保障工作平台</title>
</head>
<style>
       *{ padding:0px; margin:0px;}
	   a{ text-decoration:none;}
	   ul li{ list-style-type:none;}
	   html,body{ width:100%; height:100%; overflow-x:hidden; }
	   .mayi_daohang{ width:100%; height:45px; background:url(../pic/3.png) repeat-x;}
	   .xiaofei_li li{ float:left; width:180px; height:30px; border-radius:5px; background:url(../pic/3.png); border:1px solid #D5E7ED;}
	   .xiaofei_li li a{ font-size:14px; line-height:30px; text-align:center; display:block; width:100%; height:100%;color:#0c5fae;}
	   .div_ul li{ float:left; width:50px; height:25px; border-radius:5px; border:1px solid #09F;}
	   .div_ul ul{ margin-top:7.5px;}
	   .div_ul li a{ display:block; width:100%; height:100%; text-align:center; line-height:25px; color:#63C}
</style>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<body>     
          
              
              <!--预警规则-->
              <div id="guizhe" style=" display:none; width:60%; height:auto; background:#fff; position:fixed; top:25%; margin-left:-30%; left:50%; box-shadow:2px 2px 2px #999; border:1px solid #666;">
                 <p style=" width:100%; height:30px; background:#63a6ed; line-height:30px; color:#fff;">&nbsp;&nbsp;规则修改</p>
                 <a id="chanchu" href="#" style=" position:absolute; top:0px; right:0px; margin-right:10px; width:23px; height:23px; display:block; background:url(../pic/+.png); margin-top:3px"></a>
                 <div style=" width:70%; height:auto; margin:0 auto; padding-top:20px;">
                     <table width="100%" border="1" cellspacing="0" bordercolor="#d4d4d4">
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9"><span style="color:red">*</span>规则名称:</span></td>
                                  <td colspan="3">[省级]猪粮比(精廋肉--玉米)</td>
                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9"><span style="color:red">*</span>比较商品一:</span></td>
                                  <td>
                                         <select>
                                              <option style=" width:50px;">猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                         <select>
                                              <option style=" width:50px;">精廋肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                  </td>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9"><span style="color:red">*</span>商品一指标:</span></td>
                                  <td>
                                         <select>
                                              <option style=" width:50px;">销售价</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                         
                                  </td>

                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9"><span style="color:red">*</span>比较商品二:</span></td>
                                  <td>
                                         <select>
                                              <option style=" width:50px;">非叶菜类</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                         <select>
                                              <option style=" width:50px;">玉米</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                  </td>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9"><span style="color:red">*</span>商品二指标:</span></td>
                                  <td>
                                         <select>
                                              <option style=" width:50px;">销售价</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                              <option>猪肉</option>
                                         </select>
                                         
                                  </td>

                         </tr>
                         <tr>
                                 <td align="right" bgcolor="#d5e6f4" style="color:#5494c9">预警规则</td>
                                 <td colspan="3"><span style="color:red;">比值=商品-对应指标（价格）;比值落入一下区间，即发生对于等级预警。</span></td>
                         </tr>
                         <tr>
                                 <td align="right" bgcolor="#d5e6f4" style="color:#5494c9">
                                      (预警一级)<img style="width:20px;" src="../pic/red.png" />
                                 </td>
                                 <td colspan="3"><span style="color:red;">
                                       >=<input  style="height:30px;" type="text" value="9.5" />
                                 </span></td>
                         </tr>
                         <tr>
                                 <td align="right" bgcolor="#d5e6f4" style="color:#5494c9">
                                      (预警二级)<img style="width:20px;" src="../pic/yellow.png" />
                                 </td>
                                 <td colspan="3"><span style="color:red;">
                                       >=<input style="height:30px;" type="text" value="7.0" />
                                 </span></td>
                         </tr>
                         
                      </table>
                     <div style=" width:100%; height:30px; padding:20px 0px;">
                               <table width="100%">
                                      <tr>
                                             <td width="50%" align="right">
                                                <a href="#"><input id="tijiao_2" style=" width:50%; background:rgb(0, 153, 255); color:#fff;" type="button" value="保存" /></a>
                                             </td>
                                             <td width="50%" align="left">
                                                 <a href="#"><input id="tijiao_3" style=" width:50%; background:rgb(0, 153, 255); color:#fff;" type="button" value="取消" /></a>
                                             
                                             </td>
                                      </tr>
                               </table>
                     </div>
                 </div>
          </div>
          <div id="xinxi" style=" display:none; width:60%; height:40%; background:#fff; position:fixed; top:30%; margin-left:-30%; left:50%; box-shadow:2px 2px 2px #999; border:1px solid #666;">
                 <p style=" width:100%; height:30px; background:#63a6ed; line-height:30px; color:#fff;">&nbsp;&nbsp;新增数据</p>
                 <a id="chanchu" href="#" style=" position:absolute; top:0px; right:0px; margin-right:10px; width:23px; height:23px; display:block; background:url(../pic/+.png); margin-top:3px"></a>
                 <div style=" width:70%; height:auto; margin:0 auto; padding-top:20px;">
                     <table width="100%" border="1" cellspacing="0" bordercolor="#d4d4d4">
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9">名称:</span></td>
                                  <td><input style=" width:98%;" type="text" value="本地菜心" /></td>
                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9">市场名称:</span></td>
                                  <td><input style=" width:98%;" type="text" value="宝华生鲜街市" /></td>
                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9">规格</span></td>
                                  <td><input style=" width:98%;" type="text" value="中等" /></td>
                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9">均价</span></td>
                                  <td><input style=" width:98%;" type="text" value="8.0" /></td>
                         </tr>
                         <tr>
                                  <td align="right" bgcolor="#d5e6f4"><span style="color:#5494c9">日期</span></td>
                                  <td>2016-07-01</td>
                         </tr>
                        
                     </table>
                     <div style=" width:50%; height:auto; margin:0 auto; padding-left:20%; padding-top:20px;">
                           <a href="#"><input id="tijiao" style=" width:50%; background:rgb(0, 153, 255); color:#fff;" type="button" value="提交" /></a>
                     </div>
                 </div>
          </div>
          <div id="zoushi" style=" display:none; width:637px; height:443px; border:1px solid #999; position:fixed; z-index:9999; background:url(../pic/zoushitu.png); left:50%; top:50%; margin-top:-221.5px; margin-left:-318.5px;">
                  <a href="#" style=" float:right;">更多详情了解》</a>
          </div> 
          <div style=" width:100%; height:100%; border-left:1px solid #a6c1df; margin-left:1px; overflow:auto;">
               
               
               <div id="jiage_1" style=" width:96%; height:auto; margin:0 auto;">
                     <div style=" width:90%; height:30px;border:1px solid #d4d4d4; margin:0 auto; padding:10px 0px; background:rgb(242, 242, 242);">
                           <p style=" text-align:center;">时间查询：<input style="height:25px;" type="text" />至<input style="height:25px;" type="text" />&nbsp;&nbsp;<input style="height:25px; background:#09F; color:#fff;" type="button" value="查询" />&nbsp;&nbsp;<input id="xinzeng" style="height:25px; background:#09F; color:#fff;" type="button" value="新增" />&nbsp;&nbsp;<input id="xinzeng_2" style="height:25px; background:#09F; color:#fff;" type="button" value="发布" />&nbsp;&nbsp;<input id="xinzeng_3" style="height:25px; background:#09F; color:#fff;" type="button" value="修改规则" /></p>
                     </div>
                     <div id="div_table" style=" width:90%; height:auto;  border:1px solid #d4d4d4; margin:0 auto;">
                           <table width="100%" height="400" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
                                    <tr align="center" bgcolor="#f2f2f2" style=" font-size:12px; font-weight:bold;">
                                          <td><input type="checkbox" /></td>
                                          <td>
                                                <select>
                                                     <option style=" height:30px;">预警级别</option>
                                                     <option id="yiji">预警一级</option>
                                                     <option id="erji">预警二级</option>
                                                </select>
                                          </td>
                                          <td>农产品名称</td>
                                          <td>市场名称</td>
                                          <td>规格</td>
                                          <td>均价(价格)</td>
                                          <td>单位(产量)</td>
                                          <td>日期</td>
                                          <td>价格走势</td>
                                          <td>产量走势</td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    <tr align="center" style=" font-size:12px;">
                                          <td><input type="checkbox" /></td>
                                          <td><img style=" width:20px;" src="../pic/red.png" /></td>
                                          <td>本地菜心</td>
                                          <td>宝华生鲜街市</td>
                                          <td>中等</td>
                                          <td>8.0</td>
                                          <td>元/公斤</td>
                                          <td>2016-07-05</td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/price.jpg" /></a></td>
                                          <td><a class="a_a" href="#"><img style=" width:30px; height:18px;" src="../pic/jiage_1.png" /></a></td>
                                    </tr>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                           </table>
                     </div>
                     
                    
               </div>
               
          </div>
           
</body>
</html>
<script>
  $("#chanchu").click(function(){
	  $("#xinxi").slideUp();
	  })
  $(".xiangqing").click(function(){
	  //alert(1);
	  $("#xinxi").fadeIn();
	  })
  $("#xinxijiage_1").click(function(){
	  $("#jiage_2").fadeOut();
	  $("#jiage_1").fadeIn();
	  })
  $("#xinxijiage_2").click(function(){
	  $("#jiage_1").fadeOut();
	  $("#jiage_2").fadeIn();
	  })
  $("#xinzeng_2").click(function(){
	  alert("您现在还没有选中！！！")
	  })
  $(".a_a").click(function(event){
	  $("#zoushi").show();
	  event.stopPropagation();
	  })
  $("#zoushi").click(function(event){
	  $("#zoushi").show();
	  event.stopPropagation();
	  })
  
  $("body").click(function(){
	  $("#zoushi").hide();
	  })
   $("#div_a>a").click(function(){
	   $(this).css({"color":"rgb(224, 159, 6)"});
	   $(this).css("text-decoration","underline");
	   $(this).siblings().css("color","rgb(44, 127, 207)");
	   $(this).siblings().css("text-decoration","none");
	   })
  $("#xinzeng").click(function(){
	  $("#xinxi").fadeIn();
	  })
  $("#tijiao").click(function(){
	  $("#xinxi").fadeOut();
	  })
 //预警设置
 
  $("#tijiao_2").click(function(){
	  $("#guizhe").fadeOut();
	  })
  $("#tijiao_3").click(function(){
	  $("#guizhe").fadeOut();
	  })
  $("#chanchu").click(function(){
	  $("#guizhe").fadeOut();
	  })
   
  $("#div_a>ul>li").click(function(){
	  $(this).css("background","#09C");
	  $(this).find("a").css("color","#fff");
	  $(this).siblings().css("background","none");
	  $(this).siblings().find("a").css("color","#63C");
	  })
   $("#xinzeng_3").click(function(){
	   $("#guizhe").fadeIn();
	   })
</script>